{extend name="layout/base" /}

{block name="main"}
<div class="banner">
    <div class="banner-hd">
        <ul class="ydl c">
            {foreach $swiperList as $swiper}
            <li style="display: none;"><img src="{$swiper.image}" width="100%"></li>
            {/foreach}
        </ul>

        <div class="hd">
            <ul>
                <li class=""></li>
                <li class="on"></li>
                <li class=""></li>
                <li class=""></li>
                <li class=""></li>
            </ul>
        </div>
    </div>


    <script type="text/javascript">
        $('.banner-hd').find(".prev,.next").fadeTo("show", 0.4);
        $(".banner-hd").slide({
            titCell: ".hd ul",
            mainCell: ".ydl",
            autoPlay: true,
            delayTime: 700,
            autoPage: "<li></li>"
        });
    </script>
</div>

<!-- 关键词 begin -->
<!--<div class="pannel">-->
<!--    <div class="container c">-->
<!--        <div class="pannel-txt fl">-->
<!--            <img src="__STATIC__/pannel-title.png" height="26" width="221" alt="" title="">-->
<!--            <em>绿色通道</em>-->
<!--        </div>-->
<!--        <div class="fl">-->
<!--            <div class="search c">-->
<!--                <form action="" method="post"><input type="text" name="title" class="search-text fl"-->
<!--                                                     value="请输入搜索关键词" onclick="this.value=&#39;&#39;">-->
<!--                    <input class="search-btn fr" type="submit" value=""></form>-->
<!--            </div>-->
<!--            <div class="keyword">-->
<!--                <ul>-->
<!--                    <em class="fl">请输入关键词搜索!</em>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="pannel-tel fr">-->
<!--            <span>咨询热线</span>-->
<!--            <strong>43534654645</strong>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->

<div class="campus">
    <div class="container">
        <div class="index-title txt-c">
            <em>酒店客房</em>
        </div>
        <div class="campus-list c">
            <ul>
                {foreach $roomList as $room}
                <li>
                    <a href="/room/{$room.id}" title="{$room.name}">
                        <div class="pic">
                            <img src="{$room.image}" height="208" width="290" alt="{$room.name}" title="<{$room.name}">
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
    </div>
</div>

<div class="news">
    <div class="container">
        <div class="index-title txt-c">
            <em>你的梦想我很在意 更支持</em>
            <div class="line">
                <h3>酒店新闻<img src="__STATIC__/en-news.png" height="16" width="93"></h3>
            </div>
        </div>
        <div class="news-list c">
            <ul>
                {foreach $newsList as $news}
                <li>
                    <a href="/news/{$news.id}" title="{$news.title}">

                        <div class="pic">
                            <img src="{$news.image}" height="155" width="290">
                        </div>
                        <div class="info">
                            <em>{$news.title}</em>
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <a href="/news" class=" more news-more">查看更多</a>
    </div>
</div>
<script type="text/javascript">
    jQuery(".case").slide({
        mainCell: ".case-list ul",
        autoPlay: true,
        effect: "leftMarquee",
        vis: 4,
        interTime: 50,
        trigger: "click"
    });
</script>

<div class="about">
    <div class="container">
        <div class="about-title txt-c">
            <h3>关于我们</h3>
        </div>
        <div class="info">
            <p> 汉庭酒店创立于2005年，
                始终坚持为国人打造亲和便利、好而不贵的出行体验，
                截至2024年9月，已遍布全国1000+城市，拥有3900+门店。
                高效便捷的自助服务，干净可靠的产品体验，
                一城一味的特色早餐，亲切友善的社区式服务，
                汉庭酒店一站式满足国民出行需求，
                是14亿国民的远亲与近邻。<br>
            </p>
        </div>
        <a href="/about/intro" class="about-more hvr-shutter-out-horizontal">查看更多</a>
    </div>
</div>

{/block}
